<div class="ui-card-box">
  <lv-card style="width: 530px" [lvCover]="coverTpl" [lvAction]="actionsTpl" lvSize="small">
    <lv-card-meta [lvTitle]="titleTpl" [lvDescription]="descriptionTpl"></lv-card-meta>
  </lv-card>
</div>

<ng-template #coverTpl>
  <img src="" />
</ng-template>

<ng-template #descriptionTpl>
  <div>Card Description</div>
  <div>Card Description</div>
</ng-template>

<ng-template #titleTpl>
  <div class="ui-card-meta-title">
    <span>Card title</span>
    <lv-tag lvAlarmStatus="critical">Critical</lv-tag>
  </div>
</ng-template>

<ng-template #actionsTpl>
  <lv-group lvGutter="16px">
    <button class="ui-button" lv-button lvType="link">Remove</button>
    <button class="ui-button" lv-button lvType="link">Confirm</button>
  </lv-group>
</ng-template>
